/*
 * @Descripttion:
 * @Author: voanit
 * @Date: 2022-05-05 09:44:53
 * @LastEditors: voanit
 * @LastEditTime: 2022-05-06 08:41:20
 */
import React from 'react'

class Class1 extends React.Component {
  // constructor() {
  //   super()
  //   // console.log(this, 888999)
  // this.handleClick = this.handleClick.bind(this)
  // }
  // constructor() {
  //   super()
  //   this.state = {
  //     n: 1,
  //     msg: 'hello  world',
  //   }
  // }
  /* 状态===data */
  state = {
    n: 1,
    msg: 'hello  world',
  }
  // handleClick = (n) => {
  //   // this.state.n++
  //   // console.log(this, 111)
  //   /* 现在是一个异步操作 */
  //   this.setState({
  //     // eslint-disable-next-line react/no-direct-mutation-state
  //     n: this.state.n + n,
  //   })
  //   // setTimeout(() => {
  //   //   console.log(this.state.n, 111)
  //   // }, 2000)
  //   // console.log(this.state.n, 111)
  // }

  handleClick() {
    console.log(this, 999)
    this.setState({
      n: this.state.n + 5,
    })
  }
  render() {
    console.log(this, 88)
    return (
      <div>
        御剑乘风来,除魔天地间!===Class==={this.state.n}==={this.state.msg}
        <hr />
        {/* <button onClick={() => this.handleClick(2)}>按钮</button> */}
        {/* <button onClick={this.handleClick}>按钮</button> */}
        {/* <button onClick={this.handleClick.bind(this)}>按钮</button> */}
        <button onClick={() => this.handleClick()}>按钮</button>
      </div>
    )
  }
}
export default Class1
